<template>
	<view style="padding: 30rpx;">
		<button @click="onLog()">常规日志onLog</button>
		<button @click="onDebug()">调试日志onDebug</button>
		<button @click="onInfo()">信息日志onDebug</button>
		<button @click="onWarn()" type="warn">警告日志onDebug</button>
		<button @click="onError()" type="warn">错误日志onError</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: "打印日志"
			}
		},
		methods: {
			onLog() {
				//clog
				console.log("onLog():这是一个常规日志");
				//clogv
				console.log('title: ', this.title);
			},
			onDebug() {
				console.debug("onDebug():这是一个调试日志");
			},
			onInfo() {
				console.info("onInfo():这是一个信息日志");
			},
			onWarn() {
				console.warn("onWarn():这是一个警告日志");
			},
			onError() {
				console.error("onError():这是一个错误日志");
			}
		}
	}
</script>

<style>
	button {
		margin: 30rpx;
	}
</style>